<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片演示</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <!-- Existing content... -->
    <h1>处理算法：{{method}}</h1>
      {% if show_information %}
      <div class="row" id="showInformation">
          <div class="col-md-6">
          
              <label for="before-hide">隐写前图片</label><br>
              <img src="{{url_src}}" id="imagebefore" class="img-thumbnail" alt="原图片"><br>
              <label for="before-hide">隐写前图片信息</label><br>
              <p>
                  图像大小：<br>
                  {{beforeLong}}x{{beforeWide}}<br>
                  图像通道数：<br>
                  {{beforeChannel}}<br>
                  隐写修改前数据：<br>
                  {% for i in range(ids|length) %}
                  {{ ids[i] }}→{{ imgbefore[i] }}{% if not loop.last %}, {% endif %}<br>
                  {% endfor %}
                  
              </p>
          </div>
          <div class="col-md-6">
              <label for="after-hide">隐写后图片</label><br>
              <img src="{{url_dst}}" class="img-thumbnail" alt="隐写后图片"><br>
              <label for="after-hide">隐写后图片信息</label><br>
              <p>
                  图像大小：<br>
                  {{beforeLong}}x{{beforeWide}}<br>
                  图像通道数：<br>
                  {{afterChannel}}<br>
                  隐写修改后数据：<br>
                  {% for i in range(ids|length) %}
                  {{ ids[i] }}→{{ imgafter[i] }}{% if not loop.last %}, {% endif %}<br>
                  {% endfor %}
                  
              </p>
          </div>
      </div>
      {% endif %}
    <table>
	<tr>
            <td>PSNR峰值信噪比：  {{ psnr_ }}</td>
        </tr>
        <tr>
            <td>鲁棒性错误率：   {{ falseRate }}</td>
        </tr>
        <tr>
            <td>执行时间:    {{ exe_time }}</td>
        </tr>
        <!-- <tr> -->
        <!--     <td>cpu使用情况:    {{ cpu_state }}</td> -->
        <!-- </tr> -->
    </table>
    <br>
    <span>{{info_result}}</span>
    <!-- Download Button -->
    <a href="{{url_dst}}" class="btn btn-primary" download=" ">下载隐写图片</a>
    <!-- Existing scripts... -->
    <script>
    </script>
</body>
</html>
